@topbgcolor: #2f2f2f;
@footerbgcolor: #2f2f2f;
@bodycolor: #585858;
@navcolor: #fff;
@navlinkcolor: #333;
@navsublinkcolor: #fff;
@navsubbgcolor: #000;
@navhovercolor: #2f2f2f;
@navhoverlinkcolor: #fff;
@footercolor: #ccc;
@footerlinkcolor: #ccc;


@media (max-width: 979px) {
	.search-text{
			width:90px;
		}
	.container .navbar .minmenu{
		display:inherit;
	}
}
@media (max-width: 480px) {
	.search-text{
			width:210px;
		}
}

.top{
	background-color: @topbgcolor;
	height: 20px;
}

.header{
	margin: 20px 0;
	.submenu{
		text-align: right;
		color: @bodycolor;
		font-size:12px;
		a{
			margin-left: 5px;
			margin-right: 5px;
			color: @bodycolor;
		}
	}
	.search{
		background-color: #e6e5e3;
		margin-top:5px;
		float:left;
		.pull-left{
			padding: 8px 0 0 10px;
			.search-text{
				padding: 0;
				/*margin: 5px 0 5px 10px;*/
			}
			.search-submit{
				padding-left:10px;
				padding-bottom:10px;
			}
		}
	}
	.well-small{
			padding: 0;
	}
}


.navbar{
	.mainnav{
		width:940px;
		li{
			a{
				color: @navlinkcolor;	
				font-weight:bold;	
				font-size:15px;
				text-decoration:none;
				&:hover{
					background-color: @navhovercolor;
					color: @navhoverlinkcolor;
				}
			}	
			.activate{
					background-color: @navhovercolor;
					color: @navhoverlinkcolor;
					position: relative;
					z-index: 100;
				}
			.menu{
				display:none;
				background-color: @navhovercolor;
				position: absolute;
				opacity:0.9;
				/*top:40px;*/
			}
			.pull-left{
				width: 30%;
				a{
					color: @navsublinkcolor;
					font-weight:normal;
					float: none;
					&:hover{
						background-color: @navsubbgcolor;
					}
				}
				li{
					width: 100%;
					text-align: center;
					overflow:hidden;
					padding: 8px 0;
					&:hover{
						background-color: @navsubbgcolor;
					}
				}
			}
			.pull-right{
				width:70%;
				background-color: @navsubbgcolor;
				color: @navcolor;
				p{
					padding-left:10px;
				}
				h5{
					padding-left:10px;
				}
				img{
					width:322px;
				}
			}
		}
	}
	.nav-collapse.in.collapse{
		.mainnav{
			display:none;
		}	
		.minmenu{
			display:inherit;
		}
	}
	.minmenu{
		display:none;
		margin-bottom:20px;
		li{
			overflow:hidden;
			a{
				color: @navlinkcolor;	
				font-weight:bold;	
				font-size:14px;
				float:left;	
				text-decoration:none;
				&:hover{
					background-color: @navhovercolor;
					color: @navhoverlinkcolor;
				}
			}	
			.activate{
					background-color: @navhovercolor;
					color: @navhoverlinkcolor;
			}
		}
	}
}


.spread{
	margin-bottom: 20px;
	.cut{
		background:url(../img/cut1.png) no-repeat left top;
		height: 2px;
		margin: 5px 0 20px 0;
	}
	.long{
		background:url(../img/cut2.png) no-repeat left top;
	}
	h5{
		text-indent: 28px;
	}
	.span4 h5,.span8.end h5{
		text-indent:0;
	}
}


.special{
	.span12{
		margin-top:10px;
	}
}

.fluid{
	img{
		display: table;
		margin: 0 auto;
	}
}

.footer{
	background-color: @footerbgcolor;
	padding: 20px 0;
	color:@footercolor;
	.span2{
		text-align: center;
		li a{
			color: @footerlinkcolor;
		}
	}
	.copyright{
		text-align: center;
		margin-top:10px;
	}
}